<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>主页 | 米尔豪斯酒店网上订餐</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">

    <script type="text/javascript">
function foo(){
    if(myform.name.value==""){
        alert("请输入账号");
        myform.name.focus();
        return false;
    }
    if (myform.pwd.value==""){
        alert("请输入密码");
        myform.pwd.focus();
        return false;
    }
    if (myform.yzm.value==""){
        alert("请输入验证码");
        myform.yzm.focus();
        return false;
    }
}
</script>

</head>
<body>
<div class="all">
    <div class="all1">
        <div class="home">
            <div class="header">
                <div class="header1">
                    <div class="name">
                        <a href="php/index.php"><h1>米尔豪斯</h1></a>
                    </div>
                    <div class="guide">
                        <ul>
                            <li><a href="php/cart.php">购物车</a></li>
                            <li><a href="register.html">注&nbsp;册</a></li>
                            <li><a href="login.html">登&nbsp;陆</a></li>
                            <li><a href="php/zhongcan_order.php">点&nbsp;餐</a></li>
                            <li><a href="php/consult.php">留&nbsp;言</a></li>
                            <li><a href="php/index.php">主&nbsp;页</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="header2">
                <div class="header3">
                    <h1>Login</h1>
                 </div>
            </div>

            <div class="bottom2">
                <img src="img/border.png" alt="底线">
            </div>
        </div>

        <div class="middle">
            <div class="middle1">
                <ul>
                    <li><a href="php/index.php">主页</a></li>
                    <li class="middle3">/</li>
                    <li class="middle2">登陆</li>
                </ul>
            </div>
            <div class="bottom1">
                <img src="img/border.png" alt="底线">
            </div>
        </div>
    </div>

    <div class="all2">
        <form action="php/login.php" method="post"  onsubmit="return foo();" name="myform">
            <div class="content">
                <div class="login">
                    <div class="title">酒店用户登录</div>
                    <div class="locon">
                        <div class="line">
                            <img class="smallImg" src="img/1.png">   
                            <input placeholder="请输入账号" type="text" class="number" id="name" name="user_name">
                        </div>
                        <div class="line">
                            <img class="smallImg" src="img/2.png">
                            <input placeholder="请输入密码" type="password" class="number"  id="pwd" name="password">
                        </div>
                        <div class="line" >
                            <img class="smallImg" src="img/3.png">
                            <input placeholder="请输入验证码" type="text" class="number1" id="yzm" name="yzm">
                            <div class="number2">
                                <img id="captcha_img" src="php/yanzhengma.php" width="120" height="30">
                                <a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='php/yanzhengma.php'">看不清？</a>
                            </div>
                        </div>
                        
                        <button  class="logBut" ">登陆</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="footer">
        <h1>欢迎来到米尔豪斯酒店订餐</h1>
    </div>

</div>
</body>
</html>